.search-bar {
    &-container {
        width:100%;
        max-width: 670px;
        margin:0 auto;
    }
    &-title {
        margin: 0 0 34px;
        text-align: center;
        font-weight: normal;
        line-height: 40px;
    }
    &-text {
        width: 100%;
        height: 34px;
        padding:5px 40px 5px 10px;
    }
    &-submit {
        position: absolute;
        top: 5px;
        right: 2px;
        border-top: 1px solid transparent;
        border-right:1px solid transparent;
        border-bottom:1px solid transparent;
        border-left:1px solid $hr-color;
        background: none;
        color: $gray-d;
        &:focus{
            outline:none;
        }
    }
    &-attach {
        margin-top: 15px;
        font-size:12px;
        color:$gray-6;
        .keywords{
            display: inline-block;
            margin-right:10px;
            padding:1px 3px 0;
            height:20px;
            line-height: 18px;
            border:1px solid $gray-9;
            border-radius: $border-radius-small;
            background-color: white;
            .glyphicon-remove{
                cursor: pointer;
                margin-left:5px;
            }
        }
    }
}

.close {
    &-container {
        &.off {
            height: 30px;
            overflow: hidden;
        }
    }
}
